
/**
 * 搜索页面需要的相关函数
 */
// 申明一些变量
let currentPage = 1;// 当前页码
let limit = 60; // 每页大小
let keyword = "";// 搜索关键字
let total = 0;// 总条数
let maxPageNum = 1;//  最大页码
// 加载页面的数据的
function loadItems(){
    // 发送请求进行搜索
    axios.get(config.BASURL + "/search/item/s?page="+currentPage+"&limit="+limit+"&keyword="+keyword)
    .then(res=>{
        console.log(res.data);
        total = res.data.data.total;
        maxPageNum = parseInt(Math.ceil(total * 1.0 / limit));
        // 数据列表
        let data = res.data.data.records;
        // 找到商品列表的ul
        let ul = document.getElementById("item-list");
        ul.innerHTML = "";
        // 重新拼接商品的的html
        let html = "";
        data.forEach(item =>{
            html += `<li>
            <a href="${config.ITEM_URL}/${item.itemId}.html"> <img width="231" height="231" src="${item.image}"></a>
            <p class="head-name"><a href="${config.ITEM_URL}/${item.itemId}.html">${item.title}</a> </p>
            <p><span class="price">￥${item.price/100}</span></p>
            <p class="head-futi clearfix"><span class="fl">好评度：90% </span> <span class="fr">100人购买</span></p>
            <p class="clearfix"><span class="label-default fl">抢购</span> <a href="#" class="fr pc-search-c">收藏</a> </p>
        </li>`
        });
        // 将拼接好的html再次填入的ul中
        ul.innerHTML = html;
    });
}
/**
 * 搜索按钮的事件
 */
function doSearch(){
    currentPage = 1;
    total = 1;
    limit = 60;
    keyword = document.getElementById("key").value;
    loadItems();
}

/**
 * 初始化的事件，主要是获取url中的关键字
 */
function init(){
    // 找出关键字
    let search = location.search; // ?keyword=吉他
    if(search){
        search = search.substring(1); //keyword=吉他
        search = search.split("="); // [keywrod,吉他]
        keyword = search[1]; 
        // 对中文进行处理  需要解码
        keyword = decodeURI(keyword);
    }
    console.log(keyword);
    if(keyword){
        document.getElementById("title").innerHTML="外秀商城-搜索-"+keyword
        document.getElementById("key").value=keyword;
    }
}
// 子之行函数，默认初始化和加载数据
(function(){
    init();
    loadItems();
})();